<template>
  <div>
    <Modal width="1000px" v-model="queryEdit"
           @on-ok="queryEdit = false" :closable="false">
      <template #header>
        <div style="display: flex;align-items: center;padding: 16px 15px 0 15px">
          <div style="  font-weight: 700;font-size: 14px; text-align: left;color: #b40001;">
            {{ '信息比对：' + personnelInfo.CPBI003 }}
          </div>
          <div style="margin-left: auto">
            <img @click="queryEdit=false"
                 src="@/assets/images/V2-new-view/resource_close.png"
                 style="margin-left:auto;width: 20px;height: 20px;">
          </div>
        </div>
      </template>
      <template #footer>
        <div style="display: flex;margin-top: 30px">
          <Button type="error" style="width: 64px;height: 32px;border-radius: 5px;background: #b40001;"
                  @click="queryEdit = false">确定
          </Button>
          <Button type="primary"
                  style="width: 64px;height: 32px;border-radius: 5px;background: #c9c9c9;border: #c9c9c9;color: #161616;"
                  @click="queryEdit=false" class="close">取消
          </Button>
        </div>
      </template>
      <div v-for="item in dataList">
        <div class="cell">
          <div style="font-weight: 700;font-size: 14px;color: #b40001;">修改日期：{{ item.create_time }}</div>
        </div>
        <Row>
          <Col span="24" style="margin-bottom: 20px">
            <Card>
              <div class="old mb20">旧值</div>
              <Form :label-width="113" label-position="left">
                <Row :gutter="15">
                  <Col span="8" v-if="item.formData.CPBI005 !== undefined">
                    <FormItem label="性别">
                      <Select disabled v-model="item.formData.CPBI005" filterable transfer="">
                        <Option disabled :value="'0'">男</Option>
                        <Option disabled :value="'1'">女</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI006 !== undefined">
                    <FormItem label="婚姻状况">
                      <Select disabled v-model="item.formData.CPBI006" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[3]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI007 !== undefined">
                    <FormItem label="民族">
                      <Select disabled v-model="item.formData.CPBI007" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[4]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI008 !== undefined">
                    <FormItem label="政治面貌">
                      <Select v-model="item.formData.CPBI008" filterable transfer="" disabled="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI009 !== undefined">
                    <FormItem label="是否退役士兵定向">
                      <Select v-model="item.formData.CPBI009" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI010 !== undefined">
                    <FormItem label="是否军嫂定向">
                      <Select v-model="item.formData.CPBI010" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI011 !== undefined">
                    <FormItem label="是否为边缘低保户子女">
                      <Select v-model="item.formData.CPBI011" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI013 !== undefined">
                    <FormItem label="联系方式">
                      <Input disabled v-model="item.formData.CPBI013" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI012 !== undefined">
                    <FormItem label="户籍地址">
                      <Input disabled v-model="item.formData.CPBI012" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI014 !== undefined">
                    <FormItem label="家庭地址">
                      <Input disabled v-model="item.formData.CPBI014" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI015 !== undefined">
                    <FormItem label="免冠照片">
                      <img :src="item.formData.CPBI015" style="height: 120px; width: 100px;">
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI016 !== undefined">
                    <FormItem label="身份证正面">
                      <img :src="item.formData.CPBI016" style="height: 120px; width: 100px;">
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI019 !== undefined">
                    <FormItem label="身份证反面">
                      <img :src="item.formData.CPBI019" style="height: 120px; width: 100px;">
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPEI002 !== undefined">
                    <FormItem label="毕业院校">
                      <Input disabled v-model="item.formData.CPEI002" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPEI003 !== undefined">
                    <FormItem label="所学专业">
                      <Input disabled v-model="item.formData.CPEI003" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPEI004 !== undefined">
                    <FormItem label="最高学历">
                      <Select disabled v-model="item.formData.CPEI004" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[7]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPEI005 !== undefined">
                    <FormItem label="学位">
                      <Select disabled v-model="item.formData.CPEI005" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[8]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPEI006 !== undefined">
                    <FormItem label="毕业时间">
                      <Input disabled v-model="item.formData.CPEI006" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI002 !== undefined">
                    <FormItem label="社会工作师职业资格">
                      <Select disabled v-model="item.formData.CPWI002" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[10]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI003 !== undefined">
                    <FormItem label="社会工作师职业资格获取时间">
                      <Input disabled v-model="item.formData.CPWI003" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI006 !== undefined">
                    <FormItem label="任职情况">
                      <Select disabled v-model="item.formData.CPWI006" transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[1]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI007 !== undefined">
                    <FormItem label="任职时间">
                      <Input disabled v-model="item.formData.CPWI007" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI011 !== undefined">
                    <FormItem label="是否党组织成员">
                      <Select v-model="item.formData.CPWI011" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI012 !== undefined">
                    <FormItem label="是否居委会成员">
                      <Select v-model="item.formData.CPWI012" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI008 !== undefined">
                    <FormItem label="笔试成绩">
                      <Input disabled v-model="item.formData.CPWI008" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI009 !== undefined">
                    <FormItem label="面试成绩">
                      <Input disabled v-model="item.formData.CPWI009" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI004 !== undefined">
                    <FormItem label="其他职业资格">
                      <Input disabled v-model="item.formData.CPWI004" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI015 !== undefined">
                    <FormItem label="继续教育情况">
                      <Input disabled v-model="item.formData.CPWI015" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI016 !== undefined">
                    <FormItem label="是否取得全科社工工资">
                      <Select v-model="item.formData.CPWI016" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI005 !== undefined">
                    <FormItem label="全科社工工资取得时间">
                      <Input disabled v-model="item.formData.CPWI005" type="text"></Input>
                    </FormItem>
                  </Col>

                  <Col span="8" v-if="item.formData.CPWI018 !== undefined">
                    <FormItem label="初次缴纳时间">
                      <Input disabled v-model="item.formData.CPWI018" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.financial_burden !== undefined">
                    <FormItem label="是否有财政负担保险">
                      <Select disabled v-model="item.formData.financial_burden" filterable transfer="">
                        <Option :value="'1'">是</Option>
                        <Option :value="'0'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.other_financial_burden !== undefined">
                    <FormItem label="其他财政负担保险">
                      <Input disabled v-model="item.formData.other_financial_burden" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI019 !== undefined">
                    <FormItem label="是否连续缴纳">
                      <Select disabled v-model="item.formData.CPWI019" filterable transfer="">
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI020 !== undefined">
                    <FormItem label="持续缴纳时间">
                      <Input disabled v-model="item.formData.CPWI020" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI014 !== undefined">
                    <FormItem label="培训记录">
                      <Select disabled v-model="item.formData.CPWI014" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[11]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI013 !== undefined">
                    <FormItem label="综合评定">
                      <Select disabled v-model="item.formData.CPWI013" filterable transfer="">
                        <Option :value="'10'">优秀</Option>
                        <Option :value="'20'">称职</Option>
                        <Option :value="'40'">不称职</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI021 !== undefined">
                    <FormItem label="离职时间">
                      <Input disabled v-model="item.formData.CPWI021" type="text"></Input>
                    </FormItem>
                  </Col>

                  <Col span="8" v-if="item.formData.back !== undefined">
                    <FormItem label="是否返聘">
                      <Select disabled v-model="item.formData.back" filterable transfer="">
                        <Option :value="'1'">是</Option>
                        <Option :value="'0'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.back_cause !== undefined">
                    <FormItem label="返聘原因">
                      <Input disabled v-model="item.formData.back_cause" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.labor_contract !== undefined">
                    <FormItem label="劳动合同">
                      <Select disabled v-model="item.formData.labor_contract" filterable transfer="">
                        <Option :value="'1'">是</Option>
                        <Option :value="'0'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.first_party !== undefined">
                    <FormItem label="劳动合同甲方">
                      <Input disabled v-model="item.formData.first_party" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.other_first_party !== undefined">
                    <FormItem label="其他甲方">
                      <Input disabled v-model="item.formData.other_first_party" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.prove !== undefined">
                    <FormItem label="劳动关系证明">
                      <Input disabled v-model="item.formData.prove" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.other_prove !== undefined">
                    <FormItem label="其他证明">
                      <Input disabled v-model="item.formData.other_prove" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="24" v-if="item.formData.CPWI017 !== undefined">
                    <FormItem label="社会保险缴费记录">
                      <CheckboxGroup disabled v-model="item.formData.CPWI017">
                        <Checkbox disabled label="01">养老保险</Checkbox>
                        <Checkbox disabled label="02">医疗保险</Checkbox>
                        <Checkbox disabled label="03">失业保险</Checkbox>
                        <Checkbox disabled label="04">工伤保险</Checkbox>
                        <Checkbox disabled label="05">生育保险</Checkbox>
                        <Checkbox disabled label="06">住房公积金</Checkbox>
                      </CheckboxGroup>
                    </FormItem>
                  </Col>
                  <Col span="24"
                       v-if="item.formData.personnel_type !== '' && item.formData.personnel_type !== undefined">
                    <FormItem label="人员类型">
                      <CheckboxGroup disabled v-model="item.formData.personnel_type">
                        <Checkbox disabled label="1">村(社区)党组织成员</Checkbox>
                        <Checkbox disabled label="2">村(居)委员会成员</Checkbox>
                        <Checkbox disabled label="3">村(社区)专职人员</Checkbox>
                        <Checkbox disabled label="4">乡镇(街道)派驻人员</Checkbox>
                        <Checkbox disabled label="5">社区网格员</Checkbox>
                        <Checkbox disabled label="6">社区公益岗位</Checkbox>
                        <Checkbox disabled label="7">村(居)务监督委员会成员</Checkbox>
                        <Checkbox disabled label="8">村(居)民小组长</Checkbox>
                        <Checkbox disabled label="9">其他人员</Checkbox>
                      </CheckboxGroup>
                    </FormItem>
                  </Col>
                </Row>
              </Form>

              <Row class="bench_search">
                <Col class="title" span="24">亲属信息：</Col>
                <Table border :columns="familyInfoTable" :data="item.oldFamilyList" style="margin-top: 10px;">
                  <template slot-scope="{ row }" slot="CPFI002" style="text-align:center;">
                    <Input disabled v-model="row.CPFI002" type="text" style="text-align:center;"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI003">
                    <Select disabled v-model="row.CPFI003" transfer="">
                      <Option disabled :value="item.TYPECODE" v-for="item in dictList[9]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI004">
                    <Input disabled v-model="row.CPFI004" type="text"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI005">
                    <Input disabled v-model="row.CPFI005" type="text"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI006">
                    <Select disabled v-model="row.CPFI006" transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                </Table>
              </Row>
              <Row class="bench_search" style="margin-top: 20px">
                <Col class="title" span="24" style="margin-top: 6px">考核信息</Col>
                <Table border :columns="assessmentInfoTable" :data="oldAssessmentList" style="margin-top: 10px;">
                  <template slot-scope="{ row }" slot="CPKI001">
                    <Select disabled v-model="row.CPKI001" filterable transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[12]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row }" slot="CPKI002">
                    <DatePicker disabled type="date" v-model="row.CPKI002" :transfer=true></DatePicker>
                  </template>
                  <template slot-scope="{ row }" slot="CPKI003">
                    <Select disabled v-model="row.CPKI003" filterable transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[13]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                </Table>
              </Row>
            </Card>
          </Col>
          <Col span="24">
            <Card>
              <div class="new">新值</div>
              <!--              <Row class="bench_search" >-->
              <!--                <Col span="5" style="margin-top: 6px">姓名：</Col>-->
              <!--                <Col span="6">-->
              <!--                  <Input disabled v-model="personnelInfo.CPBI003" type="text"></Input>-->
              <!--                </Col>-->
              <!--              </Row>-->
              <!--              <Row class="bench_search" >-->
              <!--                <Col span="5" style="margin-top: 6px">身份证号码：</Col>-->
              <!--                <Col span="6">-->
              <!--                  <Input disabled v-model="personnelInfo.card_no" type="text"></Input>-->
              <!--                </Col>-->
              <!--              </Row>-->
              <!--              <Row class="bench_search" >-->
              <!--                <Col span="5" style="margin-top: 6px">出生日期：</Col>-->
              <!--                <Col span="6">-->
              <!--                  <Input disabled v-model="item.newFormData.CPBI004" type="text"></Input>-->
              <!--                </Col>-->
              <!--              </Row>-->

              <!--             -->
              <Form :label-width="113" label-position="left">
                <Row :gutter="15">
                  <Col span="8" v-if="item.formData.CPBI005 !== undefined">
                    <FormItem label="性别">
                      <Select disabled v-model="item.newFormData.CPBI005" filterable transfer="">
                        <Option disabled :value="'0'">男</Option>
                        <Option disabled :value="'1'">女</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI006 !== undefined">
                    <FormItem label="婚姻状况">
                      <Select disabled v-model="item.newFormData.CPBI006" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[3]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI007 !== undefined">
                    <FormItem label="民族">
                      <Select disabled v-model="item.newFormData.CPBI007" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[4]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI008 !== undefined">
                    <FormItem label="政治面貌">
                      <Select v-model="item.newFormData.CPBI008" filterable transfer="" disabled="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI009 !== undefined">
                    <FormItem label="是否退役士兵定向">
                      <Select v-model="item.newFormData.CPBI009" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI010 !== undefined">
                    <FormItem label="是否军嫂定向">
                      <Select v-model="item.newFormData.CPBI010" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI011 !== undefined">
                    <FormItem label="是否为边缘低保户子女">
                      <Select v-model="item.newFormData.CPBI011" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI013 !== undefined">
                    <FormItem label="联系方式">
                      <Input disabled v-model="item.newFormData.CPBI013" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI012 !== undefined">
                    <FormItem label="户籍地址">
                      <Input disabled v-model="item.newFormData.CPBI012" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI014 !== undefined">
                    <FormItem label="家庭地址">
                      <Input disabled v-model="item.newFormData.CPBI014" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI015 !== undefined">
                    <FormItem label="免冠照片">
                      <img :src="item.newFormData.CPBI015" style="height: 120px; width: 100px;">
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI016 !== undefined">
                    <FormItem label="身份证正面">
                      <img :src="item.newFormData.CPBI016" style="height: 120px; width: 100px;">
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPBI019 !== undefined">
                    <FormItem label="身份证反面">
                      <img :src="item.newFormData.CPBI019" style="height: 120px; width: 100px;">
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPEI002 !== undefined">
                    <FormItem label="毕业院校">
                      <Input disabled v-model="item.newFormData.CPEI002" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPEI003 !== undefined">
                    <FormItem label="所学专业">
                      <Input disabled v-model="item.newFormData.CPEI003" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPEI004 !== undefined">
                    <FormItem label="最高学历">
                      <Select disabled v-model="item.newFormData.CPEI004" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[7]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPEI005 !== undefined">
                    <FormItem label="学位">
                      <Select disabled v-model="item.newFormData.CPEI005" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[8]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPEI006 !== undefined">
                    <FormItem label="毕业时间">
                      <Input disabled v-model="item.newFormData.CPEI006" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI002 !== undefined">
                    <FormItem label="社会工作师职业资格">
                      <Select disabled v-model="item.newFormData.CPWI002" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[10]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI003 !== undefined">
                    <FormItem label="社会工作师职业资格获取时间">
                      <Input disabled v-model="item.newFormData.CPWI003" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI006 !== undefined">
                    <FormItem label="任职情况">
                      <Select disabled v-model="item.newFormData.CPWI006" transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[1]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI007 !== undefined">
                    <FormItem label="任职时间">
                      <Input disabled v-model="item.newFormData.CPWI007" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI011 !== undefined">
                    <FormItem label="是否党组织成员">
                      <Select v-model="item.newFormData.CPWI011" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI012 !== undefined">
                    <FormItem label="是否居委会成员">
                      <Select v-model="item.newFormData.CPWI012" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI008 !== undefined">
                    <FormItem label="笔试成绩">
                      <Input disabled v-model="item.newFormData.CPWI008" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI009 !== undefined">
                    <FormItem label="面试成绩">
                      <Input disabled v-model="item.newFormData.CPWI009" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI004 !== undefined">
                    <FormItem label="其他职业资格">
                      <Input disabled v-model="item.newFormData.CPWI004" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI015 !== undefined">
                    <FormItem label="继续教育情况">
                      <Input disabled v-model="item.newFormData.CPWI015" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI016 !== undefined">
                    <FormItem label="是否取得全科社工工资">
                      <Select v-model="item.newFormData.CPWI016" filterable transfer="" disabled>
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI005 !== undefined">
                    <FormItem label="全科社工工资取得时间">
                      <Input disabled v-model="item.newFormData.CPWI005" type="text"></Input>
                    </FormItem>
                  </Col>

                  <Col span="8" v-if="item.formData.CPWI018 !== undefined">
                    <FormItem label="初次缴纳时间">
                      <Input disabled v-model="item.newFormData.CPWI018" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.financial_burden !== undefined">
                    <FormItem label="是否有财政负担保险">
                      <Select disabled v-model="item.newFormData.financial_burden" filterable transfer="">
                        <Option :value="'1'">是</Option>
                        <Option :value="'0'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.other_financial_burden !== undefined">
                    <FormItem label="其他财政负担保险">
                      <Input disabled v-model="item.newFormData.other_financial_burden" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI019 !== undefined">
                    <FormItem label="是否连续缴纳">
                      <Select disabled v-model="item.newFormData.CPWI019" filterable transfer="">
                        <Option :value="'Y'">是</Option>
                        <Option :value="'N'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI020 !== undefined">
                    <FormItem label="持续缴纳时间">
                      <Input disabled v-model="item.newFormData.CPWI020" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI014 !== undefined">
                    <FormItem label="培训记录">
                      <Select disabled v-model="item.newFormData.CPWI014" filterable transfer="">
                        <Option :value="item.TYPECODE" v-for="item in dictList[11]" v-bind:key="item.TYPECODE">
                          {{ item.TYPENAME }}
                        </Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI013 !== undefined">
                    <FormItem label="综合评定">
                      <Select disabled v-model="item.newFormData.CPWI013" filterable transfer="">
                        <Option :value="'10'">优秀</Option>
                        <Option :value="'20'">称职</Option>
                        <Option :value="'40'">不称职</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.CPWI021 !== undefined">
                    <FormItem label="离职时间">
                      <Input disabled v-model="item.newFormData.CPWI021" type="text"></Input>
                    </FormItem>
                  </Col>

                  <Col span="8" v-if="item.formData.back !== undefined">
                    <FormItem label="是否返聘">
                      <Select disabled v-model="item.newFormData.back" filterable transfer="">
                        <Option :value="'1'">是</Option>
                        <Option :value="'0'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.back_cause !== undefined">
                    <FormItem label="返聘原因">
                      <Input disabled v-model="item.newFormData.back_cause" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.labor_contract !== undefined">
                    <FormItem label="劳动合同">
                      <Select disabled v-model="item.newFormData.labor_contract" filterable transfer="">
                        <Option :value="'1'">是</Option>
                        <Option :value="'0'">否</Option>
                      </Select>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.first_party !== undefined">
                    <FormItem label="劳动合同甲方">
                      <Input disabled v-model="item.newFormData.first_party" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.other_first_party !== undefined">
                    <FormItem label="其他甲方">
                      <Input disabled v-model="item.newFormData.other_first_party" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.prove !== undefined">
                    <FormItem label="劳动关系证明">
                      <Input disabled v-model="item.newFormData.prove" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="8" v-if="item.formData.other_prove !== undefined">
                    <FormItem label="其他证明">
                      <Input disabled v-model="item.newFormData.other_prove" type="text"></Input>
                    </FormItem>
                  </Col>
                  <Col span="24" v-if="item.formData.CPWI017 !== undefined">
                    <FormItem label="社会保险缴费记录">
                      <CheckboxGroup disabled v-model="item.newFormData.CPWI017">
                        <Checkbox disabled label="01">养老保险</Checkbox>
                        <Checkbox disabled label="02">医疗保险</Checkbox>
                        <Checkbox disabled label="03">失业保险</Checkbox>
                        <Checkbox disabled label="04">工伤保险</Checkbox>
                        <Checkbox disabled label="05">生育保险</Checkbox>
                        <Checkbox disabled label="06">住房公积金</Checkbox>
                      </CheckboxGroup>
                    </FormItem>
                  </Col>
                  <Col span="24"
                       v-if="item.formData.personnel_type !== '' && item.formData.personnel_type !== undefined">
                    <FormItem label="人员类型">
                      <CheckboxGroup disabled v-model="item.newFormData.personnel_type">
                        <Checkbox disabled label="1">村(社区)党组织成员</Checkbox>
                        <Checkbox disabled label="2">村(居)委员会成员</Checkbox>
                        <Checkbox disabled label="3">村(社区)专职人员</Checkbox>
                        <Checkbox disabled label="4">乡镇(街道)派驻人员</Checkbox>
                        <Checkbox disabled label="5">社区网格员</Checkbox>
                        <Checkbox disabled label="6">社区公益岗位</Checkbox>
                        <Checkbox disabled label="7">村(居)务监督委员会成员</Checkbox>
                        <Checkbox disabled label="8">村(居)民小组长</Checkbox>
                        <Checkbox disabled label="9">其他人员</Checkbox>
                      </CheckboxGroup>
                    </FormItem>
                  </Col>
                </Row>
              </Form>
              <Row class="bench_search">
                <Col class="title" span="24">亲属信息</Col>
                <Table border :columns="familyInfoTable" :data="item.newFamilyList" style="margin-top: 10px;">
                  <template slot-scope="{ row }" slot="CPFI002">
                    <Input disabled v-model="row.CPFI002" type="text"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI003">
                    <Select disabled v-model="row.CPFI003" transfer="">
                      <Option disabled :value="item.TYPECODE" v-for="item in dictList[9]"
                              v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI004">
                    <Input disabled v-model="row.CPFI004" type="text"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI005">
                    <Input disabled v-model="row.CPFI005" type="text"></Input>
                  </template>
                  <template slot-scope="{ row }" slot="CPFI006">
                    <Select disabled v-model="row.CPFI006" transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[0]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                </Table>
              </Row>

              <Row class="bench_search" style="margin-top: 20px">
                <Col span="24" class="title">考核信息</Col>
                <Table border :columns="assessmentInfoTable" :data="item.newAssessmentList" style="margin-top: 10px;">
                  <template slot-scope="{ row }" slot="CPKI001">
                    <Select disabled v-model="row.CPKI001" filterable transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[12]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                  <template slot-scope="{ row }" slot="CPKI002">
                    <DatePicker disabled type="date" v-model="row.CPKI002" :transfer=true></DatePicker>
                  </template>
                  <template slot-scope="{ row }" slot="CPKI003">
                    <Select disabled v-model="row.CPKI003" filterable transfer="">
                      <Option :value="item.TYPECODE" v-for="item in dictList[13]" v-bind:key="item.TYPECODE">
                        {{ item.TYPENAME }}
                      </Option>
                    </Select>
                  </template>
                </Table>
              </Row>
            </Card>
          </Col>
        </Row>
      </div>
    </Modal>
  </div>
</template>
<script>
import { checkPersonnelInfoList, getTypeNameList } from '@/api/eventlist'

export default {
  name: 'check-personnel-list',
  data () {
    return {
      queryEdit: false,
      dataList: [],
      newFamilyList: [],
      oldFamilyList: [],
      newAssessmentList: [],
      oldAssessmentList: [],
      dictList: [[], [], []],
      personnelInfo: {},
      familyInfoTable: [
        {
          title: '序号',
          type: 'index',
          width: 60,
          align: 'center'
        },
        { title: '亲属姓名(必填)', slot: 'CPFI002', minWidth: 70, align: 'center' },
        { title: '亲属关系(必填)', slot: 'CPFI003', width: 120, align: 'center' },
        { title: '亲属联系方式(必填)', slot: 'CPFI004', minWidth: 100, align: 'center' },
        { title: '工作单位(必填)', slot: 'CPFI005', minWidth: 200, align: 'center' },
        { title: '政治面貌(必填)', slot: 'CPFI006', minWidth: 100, align: 'center' }
      ],
      assessmentInfoTable: [
        {
          title: '序号',
          type: 'index',
          slot: 'id',
          width: 60,
          align: 'center'
        },
        { title: '考核类型', slot: 'CPKI001', minWidth: 90, align: 'center' },
        { title: '考核时间', slot: 'CPKI002', minWidth: 90, align: 'center' },
        { title: '考核成绩', slot: 'CPKI003', minWidth: 90, align: 'center' }
      ]
    }
  },
  methods: {
    checkPersonnelInfoList (item) {
      this.personnelInfo = item
      checkPersonnelInfoList(item).then(res => {
        if (res.data.errcode === 0) {
          this.dataList = res.data.data
          this.dataList.forEach(function (item) {
            console.log(item)
            if (item.newFormData.CPWI017 !== undefined && item.newFormData.CPWI017 !== '') {
              item.newFormData.CPWI017 = item.newFormData.CPWI017.toString().split(',')
            }
            if (item.formData.CPWI017 !== undefined && item.formData.CPWI017 !== '') {
              item.formData.CPWI017 = item.formData.CPWI017.toString().split(',')
            }
            if (item.newFormData.personnel_type !== undefined && item.newFormData.personnel_type !== '') {
              item.newFormData.personnel_type = item.newFormData.personnel_type.toString().split(',')
            }
            if (item.formData.personnel_type !== undefined && item.formData.personnel_type != '') {
              item.formData.personnel_type = item.formData.personnel_type.toString().split(',')
            }
            item.oldFamilyList = JSON.parse(item.oldFamilyList)
            item.newFamilyList = JSON.parse(item.newFamilyList)
            item.newAssessmentList = JSON.parse(item.newAssessmentList)
            item.oldAssessmentList = JSON.parse(item.oldAssessmentList)
            item.formData = JSON.parse(item.formData)
            item.newFormData = JSON.parse(item.newFormData)
          })
          this.queryEdit = true
        } else {
          this.$Notice.error({
            title: '获取对比信息失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getTypeName (id, index) {
      getTypeNameList({ typegroupcode: id }).then(res => {
        if (res.data.errcode === 0) {
          this.dictList[index] = res.data.data
        } else {
          this.$Notice.error({
            title: '获取字典列表失败',
            desc: res.data.errmsg
          })
        }
      })
    },
    getDictList () {
      this.getTypeName('political', 0)
      this.getTypeName('position', 1)
      this.getTypeName('cpbi018', 2)
      this.getTypeName('marriage', 3)
      this.getTypeName('nation', 4)
      this.getTypeName('incumbency', 5)
      this.getTypeName('sp_status', 6)
      this.getTypeName('degree', 7)
      this.getTypeName('academic', 8)
      this.getTypeName('lineal', 9)
      this.getTypeName('pqoswt', 10)
      this.getTypeName('train', 11)
      this.getTypeName('examType', 12)
      this.getTypeName('examresult', 13)
      this.getTypeName('cpCancel', 14)
    }
  },
  mounted () {
    this.getDictList()
    // this.checkPersonnelInfoList()
  }
}
</script>
<style lang="less" scoped>

/deep/ .ivu-modal-header {
  border: 0 !important;
}

/deep/ .ivu-modal-footer {
  border: 0 !important;
  padding-left: 30px;
  padding-bottom: 30px;
}

/deep/ .ivu-modal-body {
  padding: 6px 30px 0;
}

.cell {
  height: 40px;
  border-radius: 10px;
  background: #f8f8f8;
  padding: 0 15px;
  margin-bottom: 10px;
  line-height: 40px;
}

.old {
  height: 40px;
  border-radius: 5px;
  background: #efefef;
  padding: 0 18px;
  line-height: 40px;
}

/deep/ .ivu-form-item {
  margin-bottom: 15px;
}

.new {
  height: 40px;
  border-radius: 5px;
  color: #ffffff;
  margin-bottom: 20px;
  background: #B40001;
  padding: 0 18px;
  line-height: 40px;
}

.bench_search {
  margin-top: 5px;
  border-radius: 10px;
  background: #f8f8f8;
  padding: 0 5px 5px 5px;

  .title {
    font-family: "PingFang SC";
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    color: #161616;
    padding: 0 13px;
    height: 40px;
    line-height: 40px;
  }
}

/deep/ .ivu-card {
  border-radius: 10px;
}
.mb20  {
  margin-bottom: 20px;
}
</style>
